<%--
  Created by IntelliJ IDEA.
  User: STXU
  Date: 2022/9/19
  Time: 20:42
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div class="header">
    <!-- Logo -->
    <div class="header-left">
        <h5>在线模拟考试系统</h5>
<%--        <a href="../index.jsp" class="logo">--%>
<%--            <img src="${pageContext.request.contextPath}/static/img/logo.png" alt="Logo">--%>
<%--        </a>--%>
<%--        <a href="../index.jsp" class="logo logo-small">--%>
<%--            <img src="${pageContext.request.contextPath}/static/img/logo-small.png" alt="Logo" width="30" height="30">--%>
<%--        </a>--%>
    </div>
    <!-- /Logo -->

    <a href="javascript:void(0);" id="toggle_btn">
        <i class="fas fa-align-left"></i>
    </a>

    <!-- Search Bar -->
<%--    <div class="top-nav-search">--%>
<%--        <form>--%>
<%--            <input type="text" class="form-control" placeholder="">--%>
<%--            <button class="btn" type="submit"><i class="fas fa-search"></i></button>--%>
<%--        </form>--%>
<%--    </div>--%>
    <!-- /Search Bar -->

    <!-- Mobile Menu Toggle -->
    <a class="mobile_btn" id="mobile_btn">
        <i class="fas fa-bars"></i>
    </a>
    <!-- /Mobile Menu Toggle -->

    <!-- Header Right Menu -->
    <ul class="nav user-menu">

        <!-- Notifications -->
        <li class="nav-item dropdown noti-dropdown">
            <%--            <a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">--%>
            <%--                <i class="far fa-bell"></i> <span class="badge badge-pill">3</span>--%>
            <%--            </a>--%>
            <div class="dropdown-menu notifications">
                <div class="topnav-dropdown-header">
                    <span class="notification-title">Notifications</span>
                    <a href="javascript:void(0)" class="clear-noti"> Clear All </a>
                </div>
                <div class="noti-content">
                    <ul class="notification-list">
                        <li class="notification-message">
                            <a href="#">
                                <div class="media">
												<span class="avatar avatar-sm">
													<img class="avatar-img rounded-circle" alt="User Image"
                                                         src="${pageContext.request.contextPath}/static/img/profiles/avatar-02.jpg">
												</span>
                                    <div class="media-body">
                                        <p class="noti-details"><span class="noti-title">Carlson Tech</span> has
                                            approved <span class="noti-title">your estimate</span></p>
                                        <p class="noti-time"><span class="notification-time">4 mins ago</span></p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="notification-message">
                            <a href="#">
                                <div class="media">
												<span class="avatar avatar-sm">
													<img class="avatar-img rounded-circle" alt="User Image"
                                                         src="${pageContext.request.contextPath}/static/img/profiles/avatar-11.jpg">
												</span>
                                    <div class="media-body">
                                        <p class="noti-details"><span
                                                class="noti-title">International Software Inc</span> has sent you a
                                            invoice in the amount of <span class="noti-title">$218</span></p>
                                        <p class="noti-time"><span class="notification-time">6 mins ago</span></p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="notification-message">
                            <a href="#">
                                <div class="media">
												<span class="avatar avatar-sm">
													<img class="avatar-img rounded-circle" alt="User Image"
                                                         src="${pageContext.request.contextPath}/static/img/profiles/avatar-17.jpg">
												</span>
                                    <div class="media-body">
                                        <p class="noti-details"><span class="noti-title">John Hendry</span> sent a
                                            cancellation request <span class="noti-title">Apple iPhone XR</span></p>
                                        <p class="noti-time"><span class="notification-time">8 mins ago</span></p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="notification-message">
                            <a href="#">
                                <div class="media">
												<span class="avatar avatar-sm">
													<img class="avatar-img rounded-circle" alt="User Image"
                                                         src="${pageContext.request.contextPath}/static/img/profiles/avatar-13.jpg">
												</span>
                                    <div class="media-body">
                                        <p class="noti-details"><span class="noti-title">Mercury Software Inc</span>
                                            added a new product <span class="noti-title">Apple MacBook Pro</span></p>
                                        <p class="noti-time"><span class="notification-time">12 mins ago</span></p>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="topnav-dropdown-footer">
                    <a href="#">View all Notifications</a>
                </div>
            </div>
        </li>
        <!-- /Notifications -->

        <!-- User Menu -->
        <li class="nav-item dropdown has-arrow">
            <a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown" style="padding:10px 0 0 0;">
<%--                <span class="user-img">--%>
<%--                    <img class="rounded-circle" src="${USER.img}" width="31" alt="Ryan Taylor">--%>
<%--                </span>--%>
                <h6>${USER.name}</h6>
            </a>
            <div class="dropdown-menu">
<%--                <div class="user-header">--%>
<%--                    <div class="user-text">--%>
<%--                        <h6>${USER.name}</h6>--%>
<%--                    </div>--%>
<%--                </div>--%>
                <a class="dropdown-item" href="${pageContext.request.contextPath}/pages/profile.jsp">个人信息</a>
                <a class="dropdown-item" href="${pageContext.request.contextPath}/userServlet?action=logout">退出登录</a>
            </div>
        </li>
        <!-- /User Menu -->

    </ul>
    <!-- /Header Right Menu -->

</div>
